<ion-view view-title="{{article.name}}">
  <ion-content>
    <ion-list>
      <div id="map" tabindex="0" class="external-map"></div>
      <ion-item>
        <div class="block-highlight">
          <div class="row bottom-border">
            <div class="col col-center col-33">
              <img class="image-avatar-md" 
              ng-src="{{rootUrl}}/{{article.author.avatarFileName}}">
            </div>
            <div class="article-author-name col col-66"> 
                  作者: {{article.author.name}}
            </div>
          </div>
          <div class="row">
            <div class="col col-center">{{article.sections[0].date|date:'yyyy-MM-dd'}}</div>
            <div class="col col-center">里程</div>
            <div class="col col-center">喜欢</div>
          </div>
          <div class="row">
            <div class="col col-center">{{CountDays(article)}} 天</div>
            <div class="col col-center">{{article.mileage|number}} 公里</div>
            <div class="col col-center">{{CountLikes(article)}}</div>
          </div>
        </div>
      </ion-item>
      <div ng-repeat="sectionGroup in sectionGroups">
        <ion-item class="center-text">{{sectionGroup[0].shortDate}}</ion-item>
        <div class="list card" ng-repeat="section in sectionGroup">
          <div class="item item-body">
            <a ui-sref='app.articles-section-show({articleId : article._id , sectionId: section._id})'>
              <img class="full-image" 
              ng-src="{{rootUrl}}/{{section.imageFileName}}">
            </a>
            <p>{{section.text}}</p>
            <div>
              <a href="#" class="subdued interaction-number" >
              {{section.comments.length || '0'}}
              </a>
              <i class="icon ion-document-text highlight icon-interaction"> </i>
              <a href="#" class="subdued interaction-number"> {{section.likes.length || '0'}} </a>
              <i class="icon ion-thumbsup highlight icon-interaction"></i>
            </div>
          </div>
        </div>
      </div>
    </ion-list>
  </ion-content>
</ion-view>